@charset "utf-8";

.clearfix {

  &:before,
  &:after {
    content: " ";
    display: table;
  }

  &:after {
    clear: both;
  }
}

.width-100 {
  width: 100%;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.el-collapse-item__arrow {
  line-height: 48px !important;
}

textarea[name="editorValue"] {
  display: none !important;
}

#edui_fixedlayer {
  z-index: 200 !important;
}

.el-transfer-panel__item.el-checkbox {
  display: block;
  margin: 0 !important;
}

.el-menu {
  border: 0;
}

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.homeIndex .recommended {
  border-radius: 10px !important;
}

.homeIndex .layui-layer-title {
  height: 46px;
  font-size: 16px;
  background: #fff;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 0;
}
.homeIndex .layui-layer-content{
  height: 100% !important;
}

.layui-layer-btn a:first-child {
  border-color: #f04e2d !important;
  background: #f04e2d !important;
}

.layui-nav-bar {
  background: #f04e2d !important;
}

.layui-laypage .layui-laypage-onr .layui-laypage-em {
  background-color: #f04e2d !important;
}

.layui-layer-loading {
  left: 50% !important;
}

.layui-layer-shade {
  z-index: 80 !important;
}

.load-more-btns {
  display: block;
  width: 100%;
  height: 38px;
  border: 1px solid #e6e6e6;
  color: #808080;
  border-radius: 5px;
  background: #fff;
  margin: 20px auto;

  &.small-one {
    width: 94%;
  }
}

.color-red {
  color: $red;
}

.icon-coin {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url("../assets/res/img/icon_2.0.png");
  background-repeat: no-repeat;
  background-position: -117px -9px;
  margin: -2px 3px 0 0;
}

.icon-coin-white {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background-image: url("../assets/res/img/icon_2.0.png");
  background-repeat: no-repeat;
  background-position: -169px -9px;
  margin: -2px 3px 0 0;
}
